import Vue from 'vue'
import SvgIcon from '@/components/SvgIcon'// 自定义icon组件

// 注册为全局组件
Vue.component('svg-icon', SvgIcon)

// 下面三行代码的任务是 把 同级目录的 svg目录下的.svg图片引入到项目中来
// require.context(文件夹路径，是否扫描子目录，正则匹配)
const req = require.context('./svg', false, /\.svg$/)
// console.log('--icon', JSON.stringify(req.keys()))

// req.keys() 返回一个数组 数组项是svg的相对路径
// map 数组项的映射 -> 将svg的图表路径 -> svg的模块 (加载模块之后, 才能去访问解析 )
// const requireAll = requireContext => requireContext.keys().map(requireContext)
const requireAll = requireContext => requireContext.keys().map((i) => requireContext(i))
requireAll(req)

// 注意点: 以上三行代码, 帮助我们快速的去导入svg目录中的所有svg模块文件  - 一句话 快速引入
// 精灵图 -> 减少请求 - 一个大图片装载着很多小图片
// 谁来帮我们打包成svg标签呢> loader (加载器) svg-sprite-loader (帮助我们将svg打包成svg地图. 只加载一次即可, 减少请求)
